<template>
	<view class="">
		<view class="title-con">

			<view class="title">
				潘祥记玫瑰饼
			</view>
		</view>
		<view class="shibai">
			<view class="shibai-con">
			</view>
			支付失败...
		</view>
		<view class="zhifu" @click="zhifu">
			<view class="zhifu-con">
				重新支付
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {

		},
		methods: {

			zhifu() {
				uni.navigateTo({
					url: '/pages/Home/cxydetails'
				})
			},
		},
	}
</script>

<style>
	.title-con {
		width: 100%;
		height: 112upx;
		border-bottom: 1px solid #faab34;

	}

	.title {
		width: 33%;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		line-height: 90.upx;
		font-size: 38upx;

		/* margin-top: 20upx; */
	}

	.shibai {
		width: 100%;
		height: 406upx;
		/* background-color: aqua; */
		/* background-image: url('./生活图片/cxy_15.png'); */
		/* background-size: 33%;
		background-repeat: no-repeat;
		background-position: center; */
		text-align: center;
		font-size: 50upx;
		color: #999999;
		line-height: 63px;
	}

	.shibai-con {
		width: 200upx;
		height: 200upx;
		/* background-color: antiquewhite; */
		margin: 28upx auto;
		background-image: url('./生活图片/cxy_15.png');
		background-size: 92%;
		background-repeat: no-repeat;
		background-position: center;

	}

	.zhifu {
		width: 100%;
		height: 390px;
		background-color: #f2f2f2;
		border-top: 1px solid #f2f2f2;
	}

	.zhifu-con {
		width: 90%;
		height: 75upx;
		background-color: #faab34;
		margin: 20upx auto;
		border-radius: 10upx;
		text-align: center;
		line-height: 72upx;
		color: #fff;
		font-size: 32upx;

	}
</style>
